/* 
    Document   : mystyle
    Created on : Aug 12, 2012, 1:54:07 AM
    Author     : Hindarwan
    Description:
        Purpose of the stylesheet follows.
*/

/*
   Reset CSS 
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End of reset css*/


body{
    background-color: #F0F0F0;
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
    font-size: 13px;
    line-height: 21px;
    color: #303030;
}

p, ol, ul, li{
    font-size: 16px;
    line-height: 1.7;
}

ol{
    list-style-type: decimal;
    padding-left: 20px;
}
ul{
    list-style-type: disc;
    padding-left: 20px;
}

h1{
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.wrapper{
    margin: auto;
    width: 960px;
    min-width: 960px;
}

#header{
    /*margin: 10px;*/
    text-align: center;
    height: 150px;
    min-width: 1000px;
    color: #000000;
    /*background-color: #26610C;*/
}

/*#logo{
    float: left;
    width: 940px;
    height: 150px;
    box-shadow: 0 0 10px #BBB; 
    border: 1px solid #BBB;
}*/

#title_header{
    padding: 20px 0px 0px 600px;
    float: top;
}

#title_header h1{
    font-size: 28px;
    margin: 0px;
    margin-bottom: 5px;
}

#title_header p{
    font-size: 18px;
    font-style: italic;
}

/*------------------------------------*\
        NAV
\*------------------------------------*/

#navigation{
    height: 39px;
    color: #FFFFFF;
    min-width: 1000px;
    background-color: #26610C;
    box-shadow: 0 0 50px #BBB;
}

#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    /* Clear floats */
    float:left;
    width:100%;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    padding-top: 6px;
    padding-bottom: 6px;
    color:#fff;
    /*background:#333;*/
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background: #33ff33;
    /*text-decoration:underline;*/
}

/*--- DROPDOWN ---*/
#nav ul{
    background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    padding-left: 0px;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    /*padding-top:1px;  Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
    list-style-position: inside;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    /*background:#6b0c36;*/
    background: #7A9D5E;
    /*text-decoration:underline;*/
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #26610C;
    /*text-decoration:underline;*/
}

/*#nav {
    float: right;
}

#nav ul {
    margin: 0;
    padding: 40px 0 0 0;
    list-style: none;
    line-height: normal;
}

#nav li {
    display: inline;
}

#nav a {
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: white;
    padding: 10px 20px;
}

#nav1{
    background: #26610C;
}

#nav2{
    background: chartreuse;
}

#nav3{
    background: orange;
}*/

/* BODY */

#body_content{
    text-align: justify;
    color: #000000;
/*    min-height: 500px;*/
}

/* layout 2 content*/
#sidebar{
    float: left;
    margin: 10px;
    background-color: #F4F4F4;
    box-shadow: 0 0 10px #BBB; 
    border: 1px solid #BBB;
    z-index: 2;
    padding: 10px;
    width: 240px;

}

#sidebar ul{
    list-style-type: none;
    padding-left: 0px;
}

#sidebar a{
    padding: 0px 10px;
    text-decoration: none;
    color: black;
}

#sidebar a:hover{
    text-decoration: underline;
}

#sidebar h1{
    color: #FFFFFF;
    font-size: 20px;
    margin: 0px;
    padding: 3px 0px;
    text-align: center;
}

.menu{
    background-color: #26610C;
}

.menu_item{
    margin-bottom: 20px;
}

/* FOOTER */
#footer{
    box-shadow: 0 0 50px #BBB;
    min-width: 1000px;
    color: #FFFFFF;
    background-color: #26610C;
    clear: both;
}

#footer_top{
/*    height: 180px;*/
/*    padding: 10px;*/
}

.footer_box{
    float: left;
    width: 313px;
}

#footer_bottom{
    padding: 12px;
    height: 20px;
    font-size: 12px;
    text-align: center;
/*    position: absolute;*/
}


/*typography*/
#content{
    text-align: justify;
    float: left;
    width: 960px;
    /*margin: 10px 0px 10px 10px;*/
    margin-bottom: 80px;
    /*background-color: #F4F4F4;*/
    /*box-shadow: 0 0 10px #BBB;*/ 
    padding: 10px 20px;
    /*border: 1px solid #BBB;*/
    z-index: 2;
    min-height: 350px;
}

#content #boxes{
    margin: 0px 0px 10px 0px;
    padding: 10px;
    background-color: #26610C;
    box-shadow: 0 0 50px #BBB;
    color: #FFFFFF;

}

#content p, #content ol, #content ul,#content li{
    font-size: 15px;
    line-height: 1.7;
}

#content p { 
    /*    padding:0 0  0.8125em 0;*/
    color:#111; font-weight:300;}

#content p img       { float: left; margin: 0.5em 0.8125em 0.8125em 0; padding: 0; }
#content p img.right { float: right; margin: 0.5em  0 0.8125em 0.8125em }


#content h1,#content h2, #content h3,#content h4,#content h5,#content h6 { font-weight: normal; color: #333;}


#content h1 { font-size: 2.125em; margin-bottom: 0.765em; 
              border-bottom: #26610C 4px solid;
              padding-bottom: 20px;}
#content h2 { font-size: 1.9em;  margin-bottom: 0.855em; 
              border-bottom: #26610C 3px solid;
              padding-bottom: 15px;}
#content h3 { font-size: 1.7em;  margin-bottom: 0.956em;               
              border-bottom: #26610C 2px solid;
              padding-bottom: 10px;}
#content h4 { font-size: 1.4em;  margin-bottom: 1.161em; 
              margin-top: 1.161em;
              border-bottom: #26610C 1px solid;
              padding-bottom: 5px;}
#content h5,#content h6 { font-size: 1.313em;  margin-bottom: 1.238em; 
                          margin-top: 1.238em;
                          border-bottom: #26610C 1px solid;
                          padding-bottom: 0px;}

#content #tanggal{
    font-style: italic;
    font-size: 10px;
    margin-top: -2.1em;
    margin-bottom: 1.161em;
}

#content #tanggal:before{
    content: "on ";
}

#content ul{
    list-style-position:outside;
    list-style-type: none;
}
#content li ul, 
#content li ol  { margin:0 1.625em;}
#content ul, #content ol {
    /*    margin: 0 0 1.625em 0; */
}


#content dl { margin: 0 0 1.625em 0; }
#content dl dt { font-weight: bold; }
#content dl dd { margin-left: 1.625em; }

#content a { color:#26610C; text-decoration:none; }
#content a:hover { text-decoration: underline; }

/*table*/
#content table { margin-bottom:1.625em; border-collapse: collapse; text-align: left; font-size: 13px;}
#content th { font-weight:bold; text-align: center; background-color: #26610C; color: #FFFFFF}
#content tr, #content th,#content td { margin:0; padding:0 0.625em 0 1em; height:26px; border: #BBB 1px solid}
#content tfoot { font-style: italic; }
#content caption { text-align:center; 
                   /*                             font-family:Georgia, serif; */
}


#content abbr, #content acronym { border-bottom:1px dotted #000; }
#content address { margin-top:1.625em; font-style: italic; }
#content del {color:#000;}


#content blockquote { padding:1em 1em 1.625em 1em; font-family:georgia,serif;font-style: italic;  
                      margin: 0px 0px 10px 0px;
                      padding: 10px;
                      background-color: #26610C;
                      box-shadow: 0 0 50px #BBB;
                      color: #FFFFFF;
}
#content blockquote a{
    color: #FFFFFF;
}
#content blockquote:before { content:"";font-size:3em;margin-left:-.625em; font-family:georgia,serif;color:#aaa;line-height:0;}/* From Tripoli  */
#content blockquote > p {padding:0; margin:0; }

#content strong { font-weight: bold; }
#content em, #content dfn { font-style: italic; }
#content dfn { font-weight: bold; }
#content pre, #content code { margin: 1.625em 0; white-space: pre; }
#content pre, #content code, #content tt { font: 1em monospace; line-height: 1.5; } 
#content tt { display: block; margin: 1.625em 0; }
#content hr { margin-bottom:1.625em; }



#content .oldbook { font-family:"Warnock Pro","Goudy Old Style","Book Antiqua","Palatino",Georgia,serif; }
#content .note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; } 
#content .mono { font-family:"Courier New", Courier, monospace; }

/*end of tyopgraphy*/


#dashboard_left{
/*    padding-top: 20px;*/
    float: left;
    width: 480;
    margin-right: 10px;
}